<script setup>
// import 'iview/dist/styles/iview.css'
</script>
<template>
	<div class="manage">
  <el-row class="main-page">
    <el-col :span="11" class="page-left">
    <div class="upper">
      <p>作品排行榜</p>
      <div class="ecr"></div>
    </div>
    <div class="under">
      <p>市场占有率</p>
      <div class="ecr"></div>
    </div>
    </el-col>
    <el-col :span="13" class="page-right">
      <div class="box">
        <p>地域影响力</p>
      <div class="ecr"></div>
      </div>
    </el-col>
  </el-row>
</div> 
  
</template>
<style lang="scss" scoped>
.manage{
  width: 100%;
  height: 100%;
}
.main-page{
  height: 100%;
  width: 100%;
  .page-left{
    // background-color: pink;
    .upper,.under{
      height: 48%;
      width: 95%;
      // background-color:olive;
      background: none;
        border: solid 1px #153663;
        padding: .18rem .22rem;
        margin: 1% 1%;
        border-radius: 0;
        box-shadow: none;
        p{
            &:before{
                content: ">> ";
            }
            color: #fff;
            height: 5%;
            font-size: 0.5rem;
            line-height: 0.5;
            margin-bottom: 1%;
        }
        .ecr{
          height: 90%;
        }
    }
  }
  .page-right{
    // background-color: blue;
    .box{
      height: 95%;
      width: 95%;
      // background-color:olive;
      background: none;
        border: solid 1px #153663;
        padding: .18rem .22rem;
        margin: 1% 1%;
        border-radius: 0;
        box-shadow: none;
        p{
            &:before{
                content: ">> ";
            }
            color: #fff;
            height: 5%;
            font-size: 0.5rem;
            line-height: 0.5;
            margin-bottom: 1%;
        }
        .ecr{
          height: 90%;
        }
    }
  }
}
</style>